@basic: #3884c6;
.background, .input-tips, button {
    width: 100%;
}
.background {
    min-width: 970px;
    height: 837px;
    background: url("../images/Banner1.png") no-repeat;
    margin: 100px auto;
    position: relative;
    .login-box {
        width: 300px;
        height: 300px;
        border-radius: 6px;
        background-color: rgba(218,238,239,0.7);
        float: right;
        padding: 40px;
        margin-top: 100px;
        margin-right: 263px;
        h3 {
            font-size: 1.5em;
            color: #595959;
            font-weight: bold;
            text-align: left;
            margin-bottom: 10%;
        }
        .input-tips {
            position: relative;
            margin-bottom: 10px;
            input {
                width: 80%;
                height: 46px;
                line-height: 50px;
                font-size: 14px;
                color: #999999;
                border: none;
                border: 1px solid white;
            }
            input:focus {
                color: #404040;
                border: 1px solid @basic;
                outline: none;
            }
            .username, .password {
                padding-left: 50px;
                padding-right: 10px;
            }
            .username {
                background-image: url('../images/icon13.png');
                background-repeat: no-repeat;
                background-position: 18px 18px;
            }
            .password {
                background-image: url('../images/icon15.png');
                background-repeat: no-repeat;
                background-position: 18px 18px;
            }
            .username:focus {
                background-image: url('../images/icon14.png');
            }
            .password:focus {
                background-image: url('../images/icon16.png');
            }
            .user {
                right: -274px;
            }
            .pas {
                right: -138px;
            }
            .check {
                right: -110px;
            }
            .checkbox {
                width: 44%;
                padding-left: 10px;
                padding-right: 10px;
            }
            .tips {
                height: 40px;
                position: absolute;
                top: 5px;
                text-align: right;
                line-height: 40px;
                color: #fc4343;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 14px;
                border-radius: 3px;
                background-color: #f1d9d9;
            }
        }
        .log-button {
            width: 100%;
            height: 50px;
            border: none;
            border-radius: 3px;
            background-color: @basic;
            margin-top: 10px;
            color: white;
            font-size: 16px;
            cursor: pointer;
            font-family: "微软雅黑";
        }
        .log-button:hover {
            background-color: #4490d2;
        }
        .forgot-password {
            padding-top: 5px;
            text-align: right;
            a {
                font-size: 11px;
                color: #0077dd;
            }
        }
    }
}
